Skip to main content

How to arrange a component on Grid layout

There may be occasions when you wish to set up components in a specific order.

An arrangement of components on a grid

The position of the component can be an important aspect for improved assimilation.

Moving the component on Grid Layout

To move a component on a grid layout, simply hold click and drag it to the preferred position. As you drag the component to its new position, the system will automatically try to optimise the blank space by arranging the remaining components.

Resize a component on Grid Layout

Just like positioning, the size of the component is also important to display the right amount of information per frame. Based on its type, each component comes with a default size on the layout when added. This size is demarcated by a dotted edge around the component.

Anatomy of a component

To resize a component, just click and drag a dark triangle icon at the bottom right corner of the component boundary.

Please note - The resizing and repositioning of components is only possible in Grid Layout.

How to configure / update component properties?

How to set a component to be visible / hidden on "Item Details" and "Create" breakpoints?